<div id="file-management">
    <div class="row">
        <div class="col-xs-7">
            <div class="btn-group">
                <button class="btn btn-primary" type="button"><i class="icon icon-plus"></i> 全选</button>
                <button class="btn btn-primary" type="button"><i class="icon icon-minus"></i> 反选</button>
                <button class="btn btn-primary" type="button"><i class="icon icon-times"></i> 取消</button>
                <button class="btn btn-primary" type="button"><i class="icon icon-refresh"></i> 清除</button>
            </div>
        </div>
        <div class="col-xs-5">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="关键词">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">搜索</button>
                </span>
            </div>
        </div>
    </div>
    <div class="panel mt10 mb10">
        <ol class="breadcrumb mb0">
            <li><a href="your/url/">资源管理</a></li>
            <li class="active">默认目录</li>
        </ol>
    </div>
    <div class="container">
        <div class="cards">
            <div class="card-file">
                <a href="#" class="card">
                    <div class="media-wrapper"><img class="folder"></div>
                    <div class="card-heading">商品</div>
                </a>
            </div>
            <div class="card-file">
                <a href="#" class="card">
                    <div class="media-wrapper"><img class="folder"></div>
                    <div class="card-heading">海报</div>
                </a>
            </div>
            <div class="card-file">
                <a href="#" class="card">
                    <div class="media-wrapper"><img class="folder"></div>
                    <div class="card-heading">视频</div>
                </a>
            </div>
            <div class="card-file">
                <a href="#" class="card">
                    <div class="media-wrapper"><img class="folder"></div>
                    <div class="card-heading">默认目录</div>
                </a>
            </div>
            {volist name="files" id="vo"}
            <div class="card-file">
                <label class="card">
                    <input type="checkbox" class="cards-chk" name="" value="">
                    <div class="media-wrapper"><img class="img-1x1" style="background-image: url({$vo['file-path']});"></div>
                    <div class="card-heading">{$vo['file-name']}</div>
                </label>
            </div>
            {/volist}
        </div>
    </div>
    <div class="text-center">
        <ul class="pager">
            <li class="previous"><a href="{:url('@admin/upload','page=1')}" data-pjax>«</a></li>
            <li><a href="{:url('@admin/upload','page=2')}" data-pjax>1</a></li>
            <li class="active"><a href="{:url('@admin/upload','page=3')}" data-pjax>2</a></li>
            <li><a href="{:url('@admin/upload','page=4')}" data-pjax>3</a></li>
            <li><a href="{:url('@admin/upload','page=5')}" data-pjax>4</a></li>
            <li><a href="{:url('@admin/upload','page=6')}" data-pjax>5</a></li>
            <li class="next"><a href="{:url('@admin/upload','page=7')}" data-pjax>»</a></li>
        </ul>
    </div>
    <hr class="mt5 mb10">
    <div class="row">
        <div class="col-xs-6">
            <p class="form-control-static">当前已选 0 个资源</p>
        </div>
        <div class="col-xs-6 text-right">
            <button type="button" class="btn" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" id="test">确认</button>
        </div>
    </div>
</div>